<template>
  <div class="article">
  
    <div class="article_div">
    	  <div class="top clearfix">
    	     <router-link to="/article/demand"><div class="v_div">需求市场</div></router-link>
    	     <router-link to="/article/submission"><div class="v_div">我的投稿</div></router-link>
    	  </div>
    	  <div class="v_box">
    	  	<router-view></router-view>
    	  </div>

    </div>       

  </div>

 
</template>

<script>

  export default {
    name: 'app',

    data: function (){
      return {
      }
    },
    mounted(){},
    methods: {

    },
  }
</script>
<style lang="less" scoped>
  @import url('../../assets/css/base.less');
  .article{
  	padding: 20px;
  	.article_div{
     	background: #fff;
        border: 1px solid #dcdfe6;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
         box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
         .top{
         	background:#f5f7fa;
         	height: 40px;
         	border-bottom: 1px solid #e4e7ed;
         	.v_div{
         		float: left;
         		height: 40px;
         		padding: 0 20px;
         		line-height: 40px;
         		color: #909399;
         		font-size: 14px;
         		
         	}
         	.v_div:hover{
         		color: #F29700;

         	}
         	.router-link-active{
         		div{

         		border-left: 1px solid #e4e7ed;
         		border-right: 1px solid #e4e7ed;
                border-bottom: 1px solid #fff; 
         		color: #F29700;
         		background: #fff;
         	}
         	}
         	
         	a:first-child .v_div{

         		border-left: none;
         	}

         }
         .v_box{
         	// height: 200px;
         }
}
  }
</style>
